<!DOCTYPE html
   PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no,mail=yes">
   <title>Index</title>

   <script src="./js/jquery-1.8.3.min.js"></script>
   <script src="./js/swiper.min.js"></script>
   <link rel="stylesheet" href="./layui/css/layui.css">
   <link rel="stylesheet" href="./css/iconfont.css">
   <link rel="stylesheet" href="./css/animate.css">
   <link rel="stylesheet" href="./css/swiper.min.css">
   <link rel="stylesheet" href="./css/common.css">
   <link rel="stylesheet" href="./css/index.css">
   <script src="./js/wow.min.js"></script>
   <script type="text/javascript" src="./js/clipboard.min.js"></script>
   <script type="text/javascript" src="./layui/layui.js"></script>
</head>

<body>
   <header class="headerpage " data-load="header"></header>
   <main class="user_page  ">
      <section class="">
         <div class="layui-main">
            <div class="user_con">
               <div class="user_headpage" data-load="user_active_header"></div>
               <div class="right_main ">
                  <div class="d-flex al-c mb10">
                     <p class="ft24  ft-bold">werwe
                     </p>
                     <div class="ml10 label_sm">私人活动</div>
                  </div>
                  <p class="ft14 gary_c9 mb20 ft-bold">2023.09.27 (三) 04:20 - 09.28 (四) 04:20 (GMT+8)</p>
                  <div class="block_com mb20">
                     <p class="ft18 mb40 ft-bold">活動頁</p>
                     <div class="layui-row layui-col-space20 d-flex flex-column-xs">
                        <div>
                           <div class="d-flex flex-column uav_b1">
                              <div class="layui-upload-drag " id="ID-upload-demo-drag">
                                 <div class="b1">
                                    <button type="button" class="layui-btn layui-bg-orange" id="ID-upload-demo-btn">
                                       <i class="layui-icon layui-icon-upload "></i> 单图片上传
                                    </button>
                                 </div>
                                 <div class="layui-hide img_box" id="ID-upload-demo-preview">
                                    <img src="" alt="上传成功后渲染">
                                 </div>
                              </div>
                              <p class="ft12 gary_c9 mt10 mb10">上傳 1080 * 540px、格式為 PNG/JPG 、檔案小於 4 MB</p>
                              <a href="user_allview_view.html">
                                 <button type="button" class="layui-btn layui-bg-orange w100">
                                    浏览
                                 </button>
                              </a>
                              <a href="user_allview_edit.html" class="mt10">
                                 <button type="button" class="layui-btn layui-bg-orange w100">
                                    编辑
                                 </button>
                              </a>
                           </div>
                        </div>
                        <div class="flex-1">
                           <ul class="layui-row layui-col-space20 ul_height uav_ul1">
                              <li class="layui-col-md6 layui-col-xs6">
                                 <div class="item">
                                    <p class="t1">活動頁瀏覽數</p>
                                    <p class="t2">6</p>
                                 </div>
                              </li>
                              <li class="layui-col-md6 layui-col-xs6">
                                 <div class="item">
                                    <p class="t1">喜歡這個活動</p>
                                    <p class="t2">6</p>
                                 </div>
                              </li>
                              <li class="layui-col-md12 layui-col-xs12">
                                 <div class="item">
                                    <p class="t1">活動狀態</p>
                                    <p class="t2">已結束</p>
                                 </div>
                              </li>
                           </ul>
                        </div>
                     </div>
                  </div>
                  <ul class="layui-row layui-col-space20 ul_height uav_ul2">
                     <li class="layui-col-md6 layui-col-xs6">
                        <div class="item block_com ft-bold ">
                           <div class="item1">
                              <p class="ft18 mb14">售票狀況</p>
                              <p class="ft14 gary_c9  mb30">每十分鐘更新一次</p>
                              <p class="ft13">剩餘總張數 <span class="orange_c ft18">10</span></p>
                           </div>
                           <div class="item2 flex-center">
                              <p class="ft12 mb15">剩餘總張數</p>
                              <p class="ft18">10</p>
                           </div>
                        </div>
                     </li>
                     <li class="layui-col-md6 layui-col-xs6">
                        <div class="item block_com ft-bold ">
                           <div class="item1">
                              <p class="ft18 mb14">報到狀況</p>
                              <p class="ft14 gary_c9  mb30">每十分鐘更新一次</p>
                           </div>
                           <div class="item2 flex-center" style="background: #F9AD28;">

                              <p class="ft12 mb15">报道人数 </p>
                              <p class="ft18">10</p>
                           </div>
                        </div>
                     </li>
                  </ul>
               </div>
            </div>
         </div>
      </section>
   </main>

</body>
<script src="./js/index.js"></script>
<script>
   layui.use(function () {
      var upload = layui.upload;
      var layer = layui.layer;
      var element = layui.element;
      var $ = layui.$;
      var laydate = layui.laydate;

      upload.render({
         elem: '#ID-upload-demo-drag',
         url: '', // 实际使用时改成您自己的上传接口即可。
         done: function (res) {
            layer.msg('上传成功');
            $('#ID-upload-demo-drag .b1').addClass('layui-hide')
            $('#ID-upload-demo-preview').removeClass('layui-hide')
               .find('img').attr('src', res.files.file);

         }
      });
   })
</script>

</html>